/*默认属性*/
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
	margin: 0;
	padding: 0;
	
}
body,button,input,select,textarea{
	font:12px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif;
	color: #484848;
}

button{ cursor: pointer; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
button:active{ 
filter:alpha(opacity=70); /* IE */  
-moz-opacity:0.7; /* 老版Mozilla */  
-khtml-opacity:0.7; /* 老版Safari */  
opacity: 0.7; /* 支持opacity的浏览器*/ 
}

input,button,select,textarea{outline:none;}

input:focus,textarea:focus{
	border-color: #66afe9;
	outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

h1, h2, h3, h4,b{ font-weight: normal;}

li { list-style-type: none; }

em,i { display: block; font-style: normal; }
 
img { border: none; vertical-align: middle; }

a{
	position: relative;
	color: #484848;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
	transition:0.1s; -webkit-transition:0.1s; -moz-transition:0.1s;
}

a:hover{ 
	color: #e83e00;
}

img {
	border: none;
	vertical-align: middle;
}

/*浮动*/
.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/*清除浮动*/
.clearfloat{
	clear: both;
}

/*绝对定位*/
.rel{ position: relative;}

/*字体*/
.eng{ font-family: verdana;}
.en{ font-family: arial;}
.font12{ font-size:12px; }
.font14{ font-size:14px; }
.font15{ font-size:15px; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.font20{ font-size:20px; }

.bold{ font-weight:bold;}
.center{ text-align: center;}
.center-r{ text-align: right;}


/*字体颜色*/
.col-3{ color: #333;}
.col-6{ color: #666;}
.col-8{ color: #888;}
.col-9{ color: #999;}

.col-f4{ color: #e83e00; }

.green{ color: #00c24a;}

.orange{ color: #e83e00;}

.blue{ color: #00aaee;}

/*间距*/
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 15px;}

.mr20{ margin-right: 20px;}

/*超出省略号*/
.ellipsis,.ellipsis-2 {
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

.ellipsis-2 {
	-webkit-line-clamp: 2;
}

/*圆角*/
.radius-3{ border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

/*占位符*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #c7c7c7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #c7c7c7;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #c7c7c7;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #c7c7c7;
}


/*背景*/
.wrap-bg{ background-color: #f5f5f5;}
.bord-bg{ background-color: #fff; border: 1px solid #ececec;}
.whiteBg{ background-color: #fff;}


/*总体宽度*/
.w-1190{ width:1190px; margin:0 auto;}
.w-980{ width:980px; margin:0 auto;}

.centent{ position: relative; /*padding-bottom: 15px;*/ margin-top: 0 !important;}

/*顶部   用户信息*/
.site-nav-status-login{ background-color: #414143; }
.site-nav-status-login .site-nav-bd{ height: 30px; line-height: 30px; overflow:hidden; }
.site-nav-status-login .site-nav-bd a{ color: #999; white-space:nowrap;}
.site-nav-status-login .site-nav-bd a:hover{ color: #fff;}

.site-nav-status-login .site-nav-bd .site-nav-menu .line{ width:1px; height:12px; background-color: #585858; margin: 9px 10px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-bd-l li{ float: left; padding: 0 6px; color: #999;}

.site-nav-status-login .site-nav-bd .site-nav-bd-r{ float: right; }
.site-nav-status-login .site-nav-bd .site-nav-bd-r li{ float: left; padding: 0 6px;}

/*头部 导航*/
.header{ 
	position: relative;
	z-index: 9;
	height:82px; 
	background-color: #f54c18;
	-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.14); -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.14); box-shadow:2px 2px 6px rgba(0,0,0,0.14);
    /*background-image: -webkit-linear-gradient(left,#ff4401 0,#ff6000 100%);
    background-image: -o-linear-gradient(left,#ff4401 0,#ff6000 100%);
    background-image: linear-gradient(to right,#ff4401 0,#ff6000 100%);
    background-repeat: repeat-x;*/
}
.header .logo .return-home{ width:76px; height: 16px; overflow: hidden; line-height: 16px; text-align: center; color: #ffb590; border: 1px solid #ffb590; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:46px 8px 0 0;}
.header .logo .return-home:hover{ color: #f42100; background-color: #ffb590; text-decoration: none;}
.header .mt-nav{ float: left; margin: 10px 0 0 60px;}
.header .mt-nav li{ float: left; color: #fff;}
.header .mt-nav li a{ display: block; width: 100px; line-height: 72px;  text-align: center; color: #fff;}
.header .mt-nav li a:hover{ color: #fff; text-decoration: none;}
.header .mt-nav li a.over{ position: relative; /*background:url(../images/arrow-s-ico.png) bottom no-repeat;*/}




/*加入购物车 */
.header .dorpdown .shopping-btn{ float: left; width: 138px; height:32px; margin: 28px 0 0 8px; cursor: pointer; background-color: #fff; line-height: 32px; border-radius: 20px;}
.header .dorpdown .shopping-btn .order-ico{ float: left; width: 23px; height: 23px; background:url(../images/switch-icon.png); margin: 4px 5px 0 10px ;}
.header .dorpdown .shopping-btn .arrow-r-ico{ float: right; width: 9px; height: 9px; background: url(../images/arrow-r-ico.png); margin: 12px 12px 0 0;}
.header .dorpdown .shopping-btn .num{ position: absolute; left: 110px; top: -3px; font-size: 11px; line-height: 8px; color: #fff;   border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 4px 5px; background-color:#ec0001;}
.header .dorpdown .shopping-btn i{  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .dorpdown .shopping-btn i.iconOver{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}

/*左侧导航*/
.sidebar{ width: 193px; margin-top: 20px;}
/*.sidebar .sidebar-nav{ border: 1px solid #e2e2e2; background-color: #fff;  padding: 10px 10px 2px; border-radius: 3px;}*/
.sidebar .sidebar-nav li{ margin-bottom: 10px; border:1px solid #e2e2e2; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.sidebar .sidebar-nav li h3{ position:relative; height: 31px; line-height: 30px; padding-left: 42px; cursor: pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.sidebar .sidebar-nav li h3.over{ background-color: #fc4c3f; color: #fff;} 
/*.overico-a{ background-color: #f0f0f0; background:url(../images/arrow-c-ico.png);} 
.overico-a{ background-color: #999; background:url(../images/arrow-c-ico.png);} */



.sidebar .sidebar-nav li h3 .navico{ position:absolute; overflow:hidden; left:-1px; top: -1px; width: 32px; height: 32px; line-height: 0px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.sidebar .sidebar-nav li h3 .navover{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.sidebar .sidebar-nav li .subNav{ padding: 8px 12px;}
.sidebar .sidebar-nav li .subNav dd a{ padding: 3px 30px; display: block;}
.sidebar .sidebar-nav li .subNav dd a.over{ color: #e10013; background:url(../images/subNav-arrow-ico.png) 18px no-repeat;}
.navContent{ display:none}


.sidebar-r{ width: 980px; overflow: hidden;}
.sidebar-two{ width: 980px; overflow: hidden;}

/*底部*/
.foot{ overflow: hidden; border-top:1px solid #e2e2e2; box-shadow:0 -3px 6px rgba(0,0,0,0.04); position: relative; top: -1px; z-index: 9;}
.foot .foot-body{ overflow: hidden; color: #999; padding: 18px 0;}
.foot .foot-body .copyright{ float: left;}
.foot .foot-body .copyright .tel{ margin-left: 10px;}

.foot .foot-body .nav-line{ float: right;}
.foot .foot-body .nav-line a{ padding:0 10px; color: #999;}
.foot .foot-body .nav-line a:first-child{ padding: 0 12px 0 0;}
.foot .foot-body .nav-line a:hover{ color: #e83e00; text-decoration:underline;}
.foot .foot-body .address p{ margin-bottom: 5px;}


.shadow{  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);/* for firefox */
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.15);/* for safari or chrome */
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);/* for opera or ie9 */
}

/*弹窗黑色背景*/
.bounced-bg{ display: none; position: fixed; left:0; right: 0; top:0; bottom: 0; z-index:99; background:#000; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}


/*翻页*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  line-height: 30px;
  padding: 0 12px;
  text-decoration: none;
  color: #777;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #e5e5e5;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #f54c18;
  border-color: #f54c18;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #e5e5e5;
  cursor: not-allowed;
}




/*右侧工具栏*/
.side-toolbar-wrap{
	position: fixed;
    _position: absolute;
    width: 87px;
    top: 40%;
    right:-10px;
    margin-top: -110px;
    z-index: 9990;
    background-color: #b1b1b1;
}
.side-toolbar-wrap .side-toolbar-tabs {
    position: absolute;
    top:0;
    left: 0;
    width: 87px;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .dt{
	color: #fff;
	font-size: 14px;
	padding: 8px;
	line-height: 16px;
	text-align: center;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab{
	position: relative;
    width: 87px;
    height: 57px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #f14702;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}


.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-ico{
	width: 87px;
    height: 57px;
    position: relative;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
	transition: All 0.3s ease-in-out;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-ico:hover{-webkit-transform:translate(-8px,0);
	-moz-transform: translate(-8px,0);
	-o-transform: translate(-8px,0);
	transform: translate(-8px,0);
	-ms-transform: translate(-8px,0);
	}




.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-ico a.tit{
    width: 77px;
    height: 25px;
    padding: 32px 10px 0 0;
    color: #fff;
    display: block;
}

.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-text {
    width: 120px;
    color: #fff;
    text-align: right;
    padding: 7px 30px 8px 5px;
    font-family: "微软雅黑";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #b1b1b1;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-transition: left .2s ease-in-out .1s;
    -moz-transition: left .2s ease-in-out .1s;
    transition: left .2s ease-in-out .1s;
    _display: none;
}

.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-text .space{
	position: absolute;
	right: 11px;
	top: 50%;
    width: 1px;
    height: 34px;
    background-color: #f68253;
    margin-top: -17px;
}

.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-text p{
    font-size: 16px;
}



/*select弹框*/
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

.dropdown{
	position: relative;
	border: 1px solid #e3e3e3;
	cursor: pointer;
	float: left;
	background: #fff;
	display: inline-block;
	border-radius: 3px;
	width: 131px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	margin-right: 5px;
}
.w110{ width: 100px !important;}

.dropdown.open{
	z-index: 2;
}

.dropdown:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.dropdown.focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 4px solid transparent;
	border-top: 6px solid #484848;
}

.dropdown.open .carat{
	margin-top: -10px;
	border-top: 4px solid transparent;
	border-bottom: 6px solid #000;
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

.dropdown .selected,
.dropdown li{
	display: block;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown.disabled .selected{
	color: #999;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #fff;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */
.dropdown li{
	list-style: none;
	padding: 8px 12px;
}

/* .focus class is also added on hover */
.dropdown li.focus{
	background-color: #e83e00;
	position: relative;
	z-index: 3;
	color: #fff;
}

.dropdown li.active{
	font-weight: 700;
}


/*公用弹框*/
.pop-up{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    animation: poupFadIn 0.5s ease 0s 1;
    outline: none;
}
.pop-up .box {
	position:absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: auto;
	margin-top: -200px;
	width: 450px;
	border: 9px solid #b4b4b4;
	background-color: #fff;
}

.pop-up .box h4 {
	padding: 0 15px 0 20px;
	height: 35px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #eaeaea;
	line-height: 35px;
}

.pop-up .box h4 .close {
	cursor: pointer;
}

.pop-up .box .increase-invoice-body {
	padding: 20px 20px;
	text-align: justify;
}

.pop-up .box .increase-invoice-body .txt{
	font-size: 14px;
	padding: 20px 0;
	text-align: center;
}

.pop-up .box .increase-invoice-body .operation {
	padding: 20px 0 15px;
}
.pop-up .box .increase-invoice-body .operation button{ margin: 0 3px;}
.pop-up .box .increase-invoice-body .operation .submit {
	padding: 8px 40px;
	border: 0;
	background-color: #f54c18;
	color: #fff;
	font-weight: bold;
}
.pop-up .box .increase-invoice-body .operation .cancel {
	padding: 8px 40px;
	border: 0;
	background-color: #e3e3e3;
	color: #484848;
}

.pop-up .box .increase-invoice-body .operation .submit:hover {
	background-color: #ff6000;
}



/*订单消息提醒弹框 */
.order-information-pup{ position: fixed; right: 50px; bottom: 0; z-index: 9999; width: 295px; background-color: #fff;}
.order-information-pup .hd{ overflow: hidden; background-color: #e83e00; height: 36px; line-height: 36px; color: #fff; padding: 0 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.order-information-pup .hd .more{ float: right; cursor: pointer; }
.order-information-pup .hd .more span.add{ display: block; font-size: 20px; line-height: 14px; margin: 10px 0;}
.order-information-pup .hd .more span.red{ display: block; font-size: 35px; line-height: 14px; margin: 9px 0;}
.order-information-pup .hd .more span.ignore{}

.order-information-pup .hd i{ overflow: hidden; display: inline-block; vertical-align: middle; height: 16px; line-height: 17px; background-color: #fff; border-radius: 16px; color: #e83e00; padding: 0 4px; margin: -2px 0 0 3px;}
.order-information-pup .bd{ padding: 12px 5px 12px 12px; border: 1px solid #e83e00;}
.order-information-pup .bd .list{ height: 350px; overflow-y:auto; padding-right: 5px;}

.order-information-pup .bd .list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
        border-radius: 5px;
        overflow: hidden;
    }
.order-information-pup .bd .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        background: #d1d1d1;
         overflow: hidden;
    }
.order-information-pup .bd .list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        border-radius: 5px;
        background: #EDEDED;
    }
    
.order-information-pup .bd .list ul li{ margin-bottom: 15px;}
.order-information-pup .bd .list .item .dt{ margin-bottom: 3px;}
.order-information-pup .bd .list .item .dt span{ margin-right: 3px; color: #666;}
.order-information-pup .bd .list .item .dt span.unread{ color: #e83e00;}

.order-information-pup .bd .list .item .txt{ background-color: #ebebeb; padding: 10px 12px; border-radius: 6px; text-align: justify; color: #888;}